<template>
	<view>
		<view class="login">
			<view class="loginLove">登录恋爱吧</view>
			<view class="change">
				<view class="">成为知心爱人</view>
				<view class="">共建心灵港湾</view>
			</view>
		</view>
		<view class="name">
			<u--input class="inp" border="bottom" placeholder="请输入名字" clearable></u--input>
			<u--input class="inp" border="bottom" placeholder="请输入密码" clearable></u--input>
			<u--input class="inp" border="bottom" placeholder="再次输入密码" clearable></u--input>
			<u-button type="primary" text="确定" style="margin-top: 30px;" @click="btn"></u-button>
		</view>
	</view>
</template>

<script>
	import {
		getRegister
	} from "../../api/index.js"
	export default {
		data() {
			return {

			}
		},
		onShow() {
			getRegister({
				mobile: 18770303716,
				code:608893,
				nickname: '栀子花',
				password: 123123,
				purpose: '征婚',
				from: 3
			}).then(res => {
				console.log(res);
			})
		},
		methods:{
			btn(){
				uni.navigateTo({
					url:'/pages/loginTR/loginTR'
				})
			}
		}

	}
</script>

<style lang="scss">
	.login {
		background-color: #0084ff;
		height: 100px;
		color: #fff;
		margin-bottom: 30px;

		.loginLove {
			text-align: center;
			padding-top: 20px;
		}

		.change {
			padding-top: 20px;
			display: flex;
			justify-content: space-around;
		}
	}

	.name {
		padding: 0 10px;

		.inp {
			border-bottom: 1px solid #ccc;
			margin-bottom: 20px;
		}

	}
</style>
